{% extends 'site_base.html' %}

{% block head_title %}Welcome{% endblock %}

{% block body_id %}front{% endblock %}

{# wipe topics sidebar #}
{% block sidebar_topics %}{% endblock %}


{% block extrahead %}
<script type="text/javascript" src="{{ MEDIA_URL }}js/swfobject.js"></script>
{% endblock %}

{% block body %}

<h1 style="position:relative; top:-250px; left:-50px;"></h1>

    {% for i in promo_image%}
<div>
<h1 style="position:relative; left:200px; top:65px;z-index:1;color:white;">{{ promo.headline }}</h1>
<a href="{{ promo.permalink }}" style="text-decoration:none;"><img src="/site_media/{{ i.image }}" style="width:700px; height: auto; position:relative; left:0px; top:0px;z-index:0;" /></a>
<p style="position:relative; left:400px; top:-75px;z-index:1;color:white;">{{ i.caption }}<br />
    {{ i.attribution }}<br />
    </p>
</div>

    {% endfor %}

          <div id="topics" class="box">

            <div class="header"><img src="{{ MEDIA_URL }}themes/esser/images/headers/main-topic.gif" alt="2009 Topics: EXPLORATIONS IN A CHANGING AMERICA" /></div>

            <div class="padding">

              <ul>
                <li><a href="http://asu.news21.com/">The Latino Experience Across America</a></li>

                <li><a href="http://berkeley.news21.com">Urban Reporting, Demographics and the American Tapestry</a></li>
                <li><a href="http://columbia.news21.com">Charter Schools: A Lens Into Education Across the USA</a></li>
                <li><a href="http://umd.news21.com">The U.S. Political Landscape - Racial Identity and Attitudes</a></li>
              </ul>

              <ul>
                <li><a href="http://unc.news21.com/">Changing America: Population and Energy Use</a></li>
                <li>Urban Youth and the New America</li>
                <li><a href="http://usc.news21.com/">Southwestern Shifts: New Communities and New Realities</a></li>
                <li><a href="http://syracuse.news21.com">Teen America: Technology, Identity and Empowerment</a></li>
              </ul>

              <div class="clear"></div>

            </div>
          </div>
{% endblock %}
